﻿@{
    ViewBag.Title = "BtnPermissionList";
    Layout = "~/Views/Shared/_BasicLayout.cshtml";
}
<script type="text/javascript">
    $(function () {
        var height = $("#divTotal").height();
        var master = $("#master").height();
        var content = parseFloat(height) - parseFloat(master) - 30;
        $("#tbList").css("height", content);

    });
    $(function () {
        $("#tbList").datagrid({
            url: '/BtnPermission/List',
            loadMsg: '数据加载中请稍后……',
            pagination: true,
            rownumbers: true,
            idField: "Id",
            singleSelect: true,
            queryParams: com.serializeSearchArray("form1"),
            fitColumns: true,
            pageSize: 20,
            pageList: [20, 50, 100],
            striped: true,
            columns: [[{ field: 'ck', checkbox: true, width: 30 },
             { field: 'Id', title: 'ID', align: "center" },
               {
                   field: 'Name', title: '名称', width: 100, align: "center", editor: {
                       type: "validatebox",
                       options: {
                           required: true
                       }
                   }
               },
             {
                 field: 'perId', title: '页面名称', width: 100, align: "center", formatter: function (value, row, index) {
                     return row.PerName
                 }, editor: {
                     type: "combobox",
                     options: {
                         url: '/Permission/GetSubPerm',
                         valueField: 'value',
                         textField: 'text',
                         required: true
                     }
                 }
             },
             {
                 field: 'Ico', title: '图标', align: "center", editor: {
                     type: "validatebox",
                     options: {
                         required: true
                     }
                 }
             },
             {
                 field: 'Order', title: '排序', align: "center", editor: {
                     type: "validatebox",
                     options: {
                         required: true
                     }
                 }
             },
             {
                 field: 'Note', title: '备注', width: 150, align: "center", editor: {
                     type: "validatebox",
                     options: {

                     }
                 }
             },
             { field: 'AddTime', title: '维护日期', width: 100, align: "center", sortable: true },
             {
                 field: 'btnId', title: '按钮Id', width: 100, align: "center", editor: {
                     type: "validatebox",
                     options: {
                         required: true
                     }
                 }
             },
           {
               field: 'btnFunc', title: '方法名称', width: 100, align: "center", editor: {
                   type: "validatebox",
                   options: {
                       required: true
                   }
               }
           }]],
            onAfterEdit: function (rowIndex, rowData, changes) {
                //rowIndex，该结束行的索引
                //console.info(row);
                // console.log(rowData);
                if (editAction == "edit") {
                    com.ajax({
                        url: "/BtnPermission/EditBtnPermission",
                        data: rowData,
                        success: function (data) {
                            console.log(data.state);
                            console.log(data.msg);
                            com.message(data.state, data.msg, function () { $("#tbList").datagrid("reload"); });
                        }
                    });
                } else if (editAction == "add") {
                    com.ajax({
                        url: "/BtnPermission/AddBtnPermission",
                        data: rowData,
                        success: function (data) {
                            com.message(data.state, data.msg, function () { $("#tbList").datagrid("reload"); });
                        }
                    });
                }
                editRow = undefined;
            }, onCancelEdit: function (rowIndex, rowData) {
                $("#tbList").datagrid("rejectChanges");

            }
        });
    })
</script>


<script>
    editRow = undefined;
    editAction = undefined;
    function funcSearch() {
        var para = com.serializeSearchArray("form1");
        $("#tbList").datagrid("load", para);
    }
    function funcAdd() {
        //添加时先判断是否有开启编辑的行，如果有则把开户编辑的那行结束编辑
        if (editRow != undefined) {

        }
        //添加时如果没有正在编辑的行，则在datagrid的第一行插入一行
        if (editRow == undefined) {
            $("#tbList").datagrid("insertRow", {
                index: 0, // index start with 0
                row: {

                }
            });
            //将新插入的那一行开户编辑状态
            $("#tbList").datagrid("beginEdit", 0);
            //给当前编辑的行赋值
            editRow = 0;
            editAction = "add";
        }
    }
    function funcEdit() {
        var row = $('#tbList').datagrid('getSelected');
        if (row) {
            if (editRow != undefined) {
            }
            else {
                var index = $("#tbList").datagrid('getRowIndex', row);
                //   var index = row.Id;
                $("#tbList").datagrid('beginEdit', index);
                editAction = "edit";
                editRow = index;
            }
        }
        else {
            com.message("information", "请选中一行");
        }
    }
    function funcRemove() {
        var rowData = $("#tbList").datagrid("getSelected");
        if (rowData) {
            $.messager.confirm('确认对话框', '您确定删除该按钮吗？', function (r) {
                if (r) {
                    com.ajax({
                        url: '/BtnPermission/DelBtnPermission',
                        data: { Id: rowData.Id },
                        success: function (data) {
                            console.log(data.state);
                            console.log(data.msg);
                            com.message(data.state, data.msg, function () { $("#tbList").datagrid("reload"); });
                        }
                    });
                }
            });
        }
        else {
            com.message("information","请选择一行");
        }
    }

    function funcSave() {
        $('#tbList').datagrid('endEdit', editRow);
    }
    function funcCancel() {
        $('#tbList').datagrid("cancelEdit", editRow);
        editRow = undefined;
        editAction = undefined;
    }
    function funcReload() {
        $("#form1").form("reset");
        var para = com.serializeSearchArray("form1");
        $("#tbList").datagrid("load", para);
        funcCancel()
    }
    function funcAuto()//自动针对页面名称中的页面添加常用的增删改查按钮
    {

    }
</script>
<div id="divTotal" style="height: 100%; width: 100%">
    <div style="margin:5px" id="master">
        <form id="form1">
            <input id="Name" name="Name" class="easyui-textbox" data-options="prompt:'按钮名称'" data-cp="co">
            <input id="PerName" name="PerName" class="easyui-textbox" data-options="prompt:'页面名称'" data-cp="co">
        </form>
    </div>
    <table id="tbList" title="按钮权限列表 " style="width: 100%"></table>
</div>
